.navbar-logo img{ height:60px;} 
.navbar-header{ padding: 15px 0}
.suopu-navbar{ padding-top:11px;}
.sub-title h2,h1.the-title,#text-6 h3.suopu-widget-title{ margin: 1rem 0!important;    font-size: 28px;color: #444;font-weight:bold; text-align: center;letter-spacing: 1px;}
.sub-title h2{ padding-bottom:20px; position:relative; margin-bottom:50px!important;}
.sub-title h2:after{ content: '';margin: 0 auto; height: 1px; background:#e1e1e1;display: block;margin-bottom: 35px!important; position:absolute;width: 20%;left: 50%;margin-left: -10%; top:100%}
.sub-title h2:before{ content:'';border-radius: 20px;
    height: 9px;
    width: 9px;
    border:2px solid #e1e1e1;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;background: #fcfcfc; display:block; position:absolute;bottom:-5px; z-index:5}
.shadow{box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); border-top:1px solid #e1e1e1}
.home-section03 .right{ padding-left:6%}
.sub-title-short h2{margin-bottom: 10px;font-size: 28px; font-weight:bold}
.hr-short{ position:relative; padding:15px 0}
.hr-short:after{ content: '';margin: 0 auto; height: 1px; background:#e1e1e1;display: block;margin-bottom: 35px!important; position:absolute;width: 140px;right: 0;margin-left: -70px; top:10px}
.hr-short:before{ content:'';border-radius: 20px;
    height: 9px;
    width: 9px;
    border:2px solid #e1e1e1;
    right:0;
    margin-left: -5px;
    margin-top: -5px;background: #fcfcfc; display:block; position:absolute;top:10px; z-index:5}
.home-about-txt{ color:#888}
.home-about-txt .btn-right { padding-top:20px;}
.home-about-txt .btn-right .more-btn {border:1px solid #000; background:#000;border-radius: 5px;padding: 10px 30px; color:#fff}
.home-about-txt .btn-right .more-btn:hover{ border:1px solid #F80003; background:#F80003; color:#fff}
.about-icon-txt li{padding: 0 0 30px 0;min-height: 60px;position: relative;}
.about-icon-txt li:after {
 content: ".";
 display: block;
 height: 0px;
 font-size:0px;
 clear: both;
 visibility: hidden;
}
.about-icon-txt li .icon{height: 64px;
    width: 64px;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    border-radius: 500px;
    float: left; padding-left: 10px;
    margin-left: 2px; text-align: center;
    color: #fff;background: #d0d0d0; position:relative; z-index:2}
.about-icon-txt li:before{ content:'';position: absolute;
    top: 1%;
    left: 32px; height: 100%;
    width: 1px; border:1px dashed #e1e1e1; display:block}
.about-icon-txt li .txt{ width:calc(100% - 96px); float:right}
.about-icon-txt li h4.title{font-size: 18px; font-weight:bold; padding-top:10px;}
.about-icon-txt li .desc{color: #A0A0A0; padding:5px 0}
i{ margin-right:5px;}
.foot-top{ background:url(/sp-content/uploads/2020/03/foot-bg.jpg) center top no-repeat;background-size: cover;background-attachment: fixed; padding:45px 0;color: #f5f5f5;}
.footer-bottom{background: #14171a;color: #babcbd;}
.footer-bottom p{ margin:0}
.foot-top h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 0 0 30px 0;
    margin: 0;
}
.foot-contact{ padding:0 60px;}
.foot-forms div.wpforms-container-full .wpforms-form input{background-color: #ededee!important; border:0!important; background-image: url(/sp-content/uploads/2020/03/foot-form-bg.png);background-repeat: no-repeat; padding-right:35px!important;}
.foot-forms div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height: 110px;
    padding-top: 10px;
    vertical-align: top;
    background-image: url(/sp-content/uploads/2020/03/foot-form-bg.png);
    background-repeat: no-repeat;
    background-position: right -160px;background-color: #ededee!important; border:0!important;padding-right:35px!important;}
.foot-forms div.wpforms-container-full .wpforms-form .wpforms-field-name input{background-position: right 0px;}
.foot-forms div.wpforms-container-full .wpforms-form .wpforms-field-phone input{background-position: right -40px;}
.foot-forms div.wpforms-container-full .wpforms-form .wpforms-field-email input{background-position: right -120px;}
.foot-forms div.wpforms-container-full .wpforms-form button[type=submit]{ background:#F90018; border:0;border-radius: 5px; min-width:200px; text-align:center; height:40px; line-height:40px; padding:0; display:inline-block; color:#fff}
.foot-forms div.wpforms-container-full .wpforms-form button[type=submit]:hover{ background:#000; border-color:#000}
.foot-contact address li{ line-height:25px;}
.foot-code img{ width:140px; height:140px;}
.foot-code{padding-left: 50px;}
.foot-search #searchform .input-group{background-color: hsla(0,0%,100%,0.00);color: #babcbd;border: 1px solid #b2b4b7;}
.foot-search .form-control{ background:rgba(255,255,255,.5); border:0; color:#f5f5f5; border-radius:0;}
.foot-search .input-group-btn{background:rgba(255,255,255,.5); }
.foot-search .input-group-btn .btn{color:#fff}
.sub-txt p{ font-size:16px; text-indent:2em; line-height:1.8}
.team-txt{ padding-top:15px;}
.team-txt h3{ padding-bottom:10px; text-align:center; font-size:24px;}
.team-txt .desc{ color:#888; font-size:16px; line-height:1.8}
.new-list-info{ padding:50px 50px 50px 0; border-right:1px solid #e1e1e1}
.sopu-breadcrumb{ background:none; padding:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fcfcfc; color:#888}
.sopu-breadcrumb h1{font-size: 18px;line-height: 36px; font-weight:bold}
.category .main-wrapper{ padding:0}
.sidebar{ padding-top:50px;}
.sopu-breadcrumb .right #crumbs{ display:inline-block; line-height:36px;}
.suopu-banner2019{ display:none}
.page-id-697 .suopu-banner2019{ display:block}
.new-list-info .post-thumbnail{transition: opacity 0.4s ease-in-out;}
.new-list-info .post-thumbnail img,.new-list-info .post-thumbnail:hover img{border-radius: 4px;}
.new-list-info .post-thumbnail:hover img{opacity: 0.3}
.new-list-info .post-thumbnail a{ display:block; position:relative}
.new-list-info .post-thumbnail:hover a:before{position: absolute;
    border-radius: 50px;
    background: #000;
    height: 80px;
    width: 80px;
    line-height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 500;
    text-align: center;content: "\f064";font-family: "Font Awesome 5 Pro";background-color: #F80003;
    color: #ffffff;
    border-color: #F80003; font-size:30px; opacity:.5}
.new-list-info .item{ padding-bottom:20px; padding-left:130px; position:relative}
.new-list-info .item:before{ content:'';position: absolute;
    top: 0;
    left: 40px;
    width: 1px;
    height: 100%;
    border: 1px dashed #e1e1e1;}
.new-list-info .item .txt{ position:relative}
.new-list-info .blog-meta{ position:absolute; top:10px; left:-130px;}
.new-list-info .blog-meta img{ border-radius:50%; width:80px; height:80px;}

#text-6 h3.suopu-widget-title{font-size: 1.2em;}
#text-6 h3.suopu-widget-title:after{ margin-top: 15px;width: 20%;}
.sub-section-t0{ padding-top: 0!important}
.sub-section-b0{ padding-bottom: 0!important}
.sub-title01 h3{font-size: 30px;text-transform: uppercase;font-weight: bold; margin-bottom: 1.5rem!important}
p{ margin-bottom: 10px;}
.new-list-info h3.post-title{ font-weight: bold;font-size: 21px;line-height: 1.3em; margin-bottom:10px;}
.new-list-info .the-post-excerpt{margin: 0.85em 0;}
.new-list-info .read-more{ margin-bottom:0.85em}
.new-list-info .read-more a{ color:#F80003}
.date{color: #8a8a8a;}
.date i{ margin-right: 5px}
.date span { padding: 0 10px}
.sidebar aside h3.suopu-widget-title,.sidebar .widget_nav_menu li.menu-item>a{letter-spacing: 1px;font-size: 1.1em; font-weight: bold;margin-bottom: 10px;}
.sidebar li{ line-height:28px;}
.sidebar li a{color: #919191;}
.sidebar li a:hover{color: #F80003;}
.sidebar #categories-2 { line-height: 2; font-weight: bold; text-transform: capitalize}
.sidebar #categories-2 ul{ padding-left: 15px}
.sidebar #categories-2 ul.children{ margin-left: 2em; font-weight: normal;}
.sidebar #categories-2 ul.children li{ list-style: disc;}
.sidebar aside .cards article{ padding-bottom: 20px; text-align: center}
.sidebar aside .cards article:last-child{ padding-bottom: 0}
.sidebar aside .cards .post-thumbnail{ margin-bottom: 10px;}
.sidebar aside .cards .article-title{ height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.single-post-title,.care-top-title h2{ font-size: 1.75rem;font-weight: bold;}
.single-post  .entry-meta .date{ padding-bottom: 20px;}
.single-post .item-content-inner img{ height: auto; padding: 1rem 0; margin-left: auto; margin-right: auto}
.sopu-breadcrumb{ text-transform: capitalize}
.products-menu-silder{ margin-bottom: 20px;}
.the-post-excerpt{ color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; max-height: 75px; line-height: 25px;}
#menu-mainmenu .dropdown-menu{ text-transform: capitalize; font-size: 14px; margin: 0; padding: 0 10px; border: 0;box-shadow: 0 0.461538em 0.923077em rgba(0, 0, 0, 0.175); border-radius: 0; min-width: 200px}
#menu-mainmenu .dropdown-menu .nav-item{ text-align: left;}
.suopu-navbar li  a{transition: all .2s ease-in-out;font-size:18px;}
.suopu-navbar li.active li a{ color: #333}
.suopu-navbar .dropdown-item{padding: 0.5em 1rem;line-height: 1.6; font-weight: normal;}
.suopu-navbar li a:hover{font-weight: bold;}
.suopu-navbar li li a:hover{ color: #0062B2; font-weight: normal}
.product-share a{ margin: 0 5px}
.products-tabs #nav-content1 img{ margin-left: auto; margin-right: auto; display: block}
.products-tabs p{ margin: 0}
.products-tabs .nav-tabs{ font-weight: bold; font-size: 1rem;}
.products-tabs .shipping-info img{ margin-right: 10px;}
.sp-homebanner .slick-prev, .sp-homebanner .slick-next{ display:none!important}
.sp-homebanner .slick-dots li button:before{ font-size:12px;width: 10px;height: 10px; line-height:10px}
.slick-dots li button{width: 10px;height: 10px;padding:0;}
.slick-dots li{width: 10px;height: 10px;    margin: 0 5px;}
.left-column-nav h2.title{ background:none;text-transform: uppercase;color: #1e1e1e;padding:0;margin-bottom: 25px;font-size: 16px;font-weight: bold;}
.sidebar aside{padding-bottom: 2rem;}
.sidebar .widget_nav_menu li.menu-item>a{color: #555;}
.sidebar .widget_nav_menu li.menu-item>a:hover{color: #F80003;}
.sidebar .widget_nav_menu li.menu-item li a{ font-size:14px; font-weight:normal;color: #919191;}
.single-post .main-wrapper,.single-products_post_type .main-wrapper{ padding:0}
.single-post-pic img{ width:100%;}
.single-post-title{font-size: 21px;line-height: 1.3em; margin-bottom:15px;}
.news-detail-wrap .item-content-inner p{ margin:10px 0; text-indent:2em; font-size:16px;}
.products-top-txt h2.title{ margin:15px 0; letter-spacing:2px;}
.products-top-txt .desc{ font-size:16px; color:#444}
.products-top-txt{ padding-bottom:60px;}
.products-pic img{ display:block; margin-left:auto; margin-right:auto;}
.news-detail-wrap.products-detail-wrap .item-content-inner p{ text-indent:0}
#menu-products-menu li.menu-item ul.sub-menu{ display:none; padding:5px 10px;}
#menu-products-menu li.menu-item:hover ul.sub-menu{ display:block}
#nav_menu-4 h3.suopu-widget-title{ font-size:18px; border-bottom:1px solid #ddd; line-height:2; padding-bottom:10px;}
.products-detail-wrap h2.single-post-title{ text-align:center; border-bottom:1px solid #ddd; padding:15px 0; margin-bottom:25px;}
.home-news-info .new-list-info .item{ padding-left:0}
.home-news-info .new-list-info .item:before{ display:none}
.search-list-info h3.title{  border-bottom:1px solid #ddd; margin-bottom:20px; background:#f2f2f2; padding:15px;}
.search-results .main-wrapper{ border-top:1px solid #ddd}
.search-list-info article .item h3.post-title a:before{ content: "\f054";font-family: "Font Awesome 5 Pro"; margin-right:5px; display:inline-block; font-size:12px;}

.left-column-nav{border-bottom: 1px solid #eee;padding-bottom: 15px;}
.sidebar aside:last-child{border-bottom:0}
#menu-mainmenu{ font-size:14px;    width: 80%!important;margin: 0 auto;}
.suopu-navbar{ margin: 0 auto;background: none}
.bg-grey{background: #e5e5e5;}
.suopu-post-wrapper .item-content-inner .row{ margin: 0}
.marg-t-40-sm{ margin: 30px 0;}
.post-sub-section{ padding-top: 40px;}
.sub-podt-grid h3.post-title{ font-size: 1.3em; line-height: 2rem; height: 2rem; overflow: hidden; margin-top: 5px; font-weight:bold}
.sub-desc p{ line-height: 2.5}
.products-list-info .item{  margin-bottom: 25px; padding-bottom:20px;}
.products-list-info .item:hover a{ color: #0062B2}
.products-list-info .post-title,.products-list-relatedPosts h3.post-title{ font-size: 18px; font-weight:bold; line-height: 2rem; height: 2rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin:10px 0 5px 0; text-align:center; }
.products-list-con .desc{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; line-height:25px; max-height:75px; color:#777;}
.products-list-info .post-thumbnail{ margin-bottom: 10px;}
.products-list-info  .pro-price{ color: #999;}
.cases-list-info{ padding-top: 40px}
.top-level-term li.active ul{ display: block}
.top-level-term li.active>a{ color: #0062B2;font-weight: bold;}
.top-level-term .current-cat>a{ color: #0062B2;font-weight: bold;}
.products-menu-silder ul>li>a{display: block;
    padding: 0 0 15px 0;
    text-transform: capitalize}
.products-menu-silder ul>li>a i{ margin-right: 2px}
.products-menu-silder ul>li:first-child>a{ margin-top: 0}
.products-menu-silder ul>li>a:after{content: "\f107";
    font: normal normal normal 18px/1 "Font Awesome 5 Pro";transform-origin: center;
    transform: rotate(180deg);
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;float:right;}
.products-menu-silder ul>li>a:hover:after,.top-level-term li.active>a:after {
    transform: rotate(360deg);
}
.products-menu-silder ul li ul li a:after{ display: none}
.products-menu-silder ul>li>a:hover{color: #0062B2;}
.products-menu-silder ul li ul{padding-left: 1em; padding-bottom: 15px}
.products-menu-silder ul li ul ul{ padding-top: 0; padding-bottom: 0}
.products-menu-silder ul li ul li a i{ display: none}
.products-menu-silder ul li ul li a{background: none;
    height: auto;
    line-height: 25px;
    padding: 0;
    margin-top: 0;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.products-menu-silder ul li ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    margin-right: 2px;
}
.products-menu-silder ul li ul li a:hover{ background: none; }
.products-menu-silder ul li ul{ display: none}
.products-menu-silder ul li:hover ul{ display: block}
.sp-page-title{ text-transform: capitalize; padding: 20px 0}
.sp-top-term{ min-height: 480px!important;display: flex;flex-flow: column;justify-content: center;    align-items: center;}
.hero-term_title{ font-size: 40px;}
.hero-term_description{font-size: 18px;max-width: 600px; margin:0 auto; margin-top: 0!important}
.term-links a.btn-primary{border: 1px solid #6a6b6b;
    padding: 10px 1rem;
    color: #000;
    margin-top: 28px; text-transform: uppercase; background:rgba(255,255,255,.6); font-size: 14px;}
.term-links a.btn-primary:hover,.white-txt .term-links a.btn-primary:hover{ background: #607CA1; color: #fff; border-color: #607CA1}

.term-children-list .term-image img{ width: 100%}
.term-children-list h2.term-title{font-size: 1rem; font-weight: bold;text-transform: uppercase;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 2rem; height: 2rem; margin-top:15px; }
.term-children-list .term-description{font-size: 15px; margin-top: .5rem!important}
.term-children-list li{ padding-bottom: 30px;}
.list-video-info .post-thumbnail a{ position: relative; z-index: 99; display: block;}
.list-video-info .post-thumbnail a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: block;  z-index: 99
}
.list-video-info .post-thumbnail a:after{ content: "\f144";font-family: "Font Awesome 5 Pro"; font-size:80px; position: absolute; left: 50%; top:50%; margin: -40px 0 0 -40px; color: #fff; }
.dropdown-item.active, .dropdown-item:active{    background-color:#fff}
.hidden-title h1.the-title{ display: none}
.white-txt{ color: #fff}
.white-txt .term-links a.btn-primary{ border-color: #fff; background: #fff}
.product-detail-all{ padding: 40px 0;}
.product-detail-all .the-post-excerpt{ font-size: 18px; margin: 10px 0}
.product-detail-all .pro_sku{text-transform: uppercase;color: #999;  font-size: 16px;}
.product-detail-all .pro_price{font-size: 18px;color: #232323; font-weight: bold;}
.product-features-info p{ line-height: 1.5;margin-bottom: 20px;}
.product-features-info  ul:first-child li:first-child { font-size: 20px; list-style-type: none; margin-left: 0; margin-top: 15px; text-transform: uppercase}
.product-features-info ul li {list-style-type: disc;margin-bottom: 15px; margin-left: 2em;}
.products-main-image img{ width: 100%}
.products-photo-gallery .products-main-image { margin: 0 auto;}
.pro-specification{ border-top:1px solid #e8e8e8; margin-top: 25px;}
.pro-specification h4{text-transform: uppercase; margin: 15px 0;font-size: 20px;}
.pro-specification-file{ padding: 15px 0}
.pro-specification-file a{ color: #3b659c;}
.pro-specification-file a i{ margin-right: 5px; color: #333}
.products-photo-slides.slick-vertical{ position: relative; padding: 40px 15px}
.products-photo-slides.slick-vertical .slick-prev{ top:0; left: 0;}
.products-photo-slides.slick-vertical .slick-next{ bottom:0; left: 0;top: auto;}
.products-photo-slides.slick-vertical .slick-prev:before{content: "\f139";}
.products-photo-slides.slick-vertical .slick-next:before{content: "\f13a";}
.products-photo-slides .slick-prev:before,.products-photo-slides .slick-next:before{ color: #000; font-size: 30px; width: 100%; text-align: center;font-family: "Font Awesome 5 Pro"; }
.products-photo-slides .slick-prev,.products-photo-slides .slick-next{transform:none;width: 100%; height: 30px;}
.cq-timeline .cq-timeline-row.cq-timeline-style-aqua:nth-child(even) .cq-timeline-item .cq-timeline-contentcontainer .cq-timeline-content:before{border-right: 12px solid #0062B2}
.search-list-info .item h3.post-title{ font-size: 1rem}
.sidebar .new-list-right{ padding-left: 0;}
.sidebar .new-list-right h3.post-title{ font-size: 12px; text-transform: uppercase; height: auto; white-space: normal; text-overflow: inherit; line-height: inherit}
.product-share{ font-size: 15px;color: #1e1e1e;}
.product-share a{ display: inline-block;width: 2em;height: 2em;line-height: 2em;text-align: center;}
.single-products_post_type .product-detail-all h2.page-title{margin: 0 0 15px;text-transform: uppercase;font-weight: 700;font-size: 2.4em;}
.products-tabs .nav-tabs{border-bottom: 1px solid #eee;}
.products-tabs .nav-tabs a{color: #8a8a8a; padding: 0.6rem 2rem;text-transform: uppercase;font-weight: 700;line-height: 1.6;}
.products-tabs .nav-tabs .nav-link{ border: 0; border-bottom:2px solid transparent; background: none}
.products-tabs a.nav-item.active{ border-bottom:2px solid #1e1e1e;color: #1e1e1e;}
.product-detail-all .product-desc{ padding: 15px  0}
.product-detail2{background: #f6f6f6;padding-top: 60px;padding-bottom: 60px;}
aside h5.article-title{margin-top: 1rem;font-size: 1.1em;text-transform: uppercase;}
.home-news-info .new-list-info{padding:0; border:0}
.suopu-navbar .ubermenu-responsive-toggle{ display:none}
.sp-header-wrapper .sp-header-inner>.container{ position:relative}
.sp-header-wrapper .sp-header-inner .header-left-logo,.sp-header-wrapper .sp-header-inner .header-right-menu,.sp-header-wrapper .ubermenu-bound,.sp-header-wrapper .ubermenu-bound-inner .ubermenu-nav{ position:static}
.sp-header-wrapper .ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop{ background:#fff; padding:15px 30px; border:1px solid #f5f5f5;}
.drownmenu-right-con img{float: right;margin-left: 20px;max-width: 50%;height: auto; margin-bottom: 20px;vertical-align: middle;}
.drownmenu-right-con .title {
    text-align: left;
    font-size: 1.33333rem;
    line-height: 1.46667rem;
    color: #111;}
.drownmenu-right-con .desc{margin-top: 15px;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400; color:#888}
.sp-header-wrapper .ubermenu-submenu{min-height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;width: 316.5px;
    max-height: calc(100vh - 175px);
    overflow: auto;}
.sp-header-wrapper .ubermenu-submenu li.ubermenu-item{display: list-item;}
.sp-header-wrapper .ubermenu-submenu li.ubermenu-item:last-child .ubermenu-target{ border-bottom:0}
.sp-header-wrapper .ubermenu-submenu li a{display: block;
    padding: 9px 0;
    font-style: normal;
    font-weight: 400;}
.ubermenu .ubermenu-target{padding: 18px 20px;}   
.sp-header-wrapper .ubermenu-content-block{position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    padding-left: 45px;
    display: none;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;box-shadow: 0 0 20px rgba(0,0,0,.15);} 
 .sp-header-wrapper .ubermenu-content-block .drownmenu-right-con{width: 780px; float:right}
.sp-header-wrapper .ubermenu-submenu li.ubermenu-item:hover .ubermenu-content-block,.sp-header-wrapper .ubermenu-submenu li.ubermenu-item:first-child .ubermenu-content-block{ display:block}
.sp-header-wrapper .ubermenu .ubermenu-submenu .ubermenu-column{ float:none}
.sp-header-wrapper .ubermenu .ubermenu-item-normal>.ubermenu-target{ font-size:16px; color:#0051a0;width: 316.5px; line-height:35px;border-bottom: 1px solid #e2e5e8;}
.sp-header-wrapper .ubermenu .ubermenu-item-normal>.ubermenu-target:hover{ color:#F90018}
.sp-header-wrapper .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{ right:5px;}
.sp-header-wrapper .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega { overflow: inherit;}
.sp-header-wrapper .ubermenu li#menu-item-715{ position:relative}
.sp-header-wrapper .ubermenu-transition-shift .ubermenu-item#menu-item-715 .ubermenu-submenu-drop{  padding:0; min-width:120px;}
.sp-header-wrapper .suopu-navbar .ubermenu li#menu-item-715 .ubermenu-item-normal>.ubermenu-target{ width:100%; }
.suopu-navbar li#menu-item-715 li a{font-size:16px; padding:0 15px; line-height:35px;}
.sp-homebanner .silder-item a{ display:block; width:100%; height:100%;position: absolute; left: 0;top: 0; z-index:2}
.foot-links a{ margin:5px 8px; color:#fff}
.foot-links a:hover{color: #F80003;}
.foot-links b{ font-size:16px;}
.sp-header-wrapper li.ubermenu-item-level-2 .ubermenu-submenu{ padding:30px 0 20px 0; width:810px; background: #fff; position: absolute; right:0;top: 0;box-shadow: none; height: 410px;overflow-y: scroll;}
.sp-header-wrapper li.ubermenu-item-level-3 .ubermenu-content-block,.sp-header-wrapper li.ubermenu-item-level-2 .ubermenu-submenu{ display:none!important}
.sp-header-wrapper li.ubermenu-item-level-3:hover .ubermenu-content-block,.sp-header-wrapper li.ubermenu-item-level-2 li:first-child .ubermenu-content-block,.sp-header-wrapper li.ubermenu-item-level-2:hover .ubermenu-submenu,.sp-header-wrapper li.ubermenu-item-level-1 .ubermenu-submenu li.ubermenu-item-level-2:first-child .ubermenu-submenu,.sp-header-wrapper li.ubermenu-item-level-2:hover>.ubermenu-content-block{ display:block!important}
.sp-header-wrapper li.ubermenu-item-level-2:hover>.ubermenu-content-block{ z-index:10}
.sp-header-wrapper .ubermenu li.ubermenu-item-level-2.ubermenu-item-normal>.ubermenu-target{ z-index:11}
.sp-header-wrapper li.ubermenu-item-level-2:hover>a.ubermenu-target,.sp-header-wrapper li.ubermenu-item-level-1:hover>a.ubermenu-target{ position:relative}
.sp-header-wrapper li.ubermenu-item-level-2:hover>a.ubermenu-target:after,.sp-header-wrapper li.ubermenu-item-level-1:hover>a.ubermenu-target:after{content: "\f061";font-family: "Font Awesome 5 Pro"; position:absolute; right:10px; top:0;line-height:46px;}

.sp-header-wrapper .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target{width: 360px;}
.sp-header-wrapper .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-content-block{ width:390px;box-shadow: none;}
.sp-header-wrapper .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-content-block .ubermenu-target-title{color: #0051a0; text-decoration: underline;}
.sp-header-wrapper .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-content-block .ubermenu-target-description{ line-height:25px; color:#333}
.ubermenu .ubermenu-target-description{line-height:25px; color:#333;}
.new-list-info .products-list-relatedPosts .post-thumbnail:hover a:before{ display:none}
.products-list-relatedPosts h3.post-title{ font-size:16px;}
.related-products-info h3.title{font-weight: bold; font-size:20px;}
.related-products-info .item-info{ padding-bottom:20px;}
.new-list-info .related-products-info .post-thumbnail:hover img{ opacity:1}
.sp-header-wrapper .ubermenu-submenu.ubermenu-submenu-id-747{min-height: 410px;}
.products-list-relatedPosts .post-thumbnail{ width:80%; margin: 0 auto}


@media screen and (max-width:1024px){
.foot-contact {padding: 0 15px;}	
}
@media screen and (max-width:768px){
.navbar-logo img {height: 50px;}
.sub-section { padding-top: 1.5rem;padding-bottom: 1.5rem;}
.sub-title h2:after{ width: 30%;margin-left: -15%;}
}
@media screen and (max-width:480px){
.sp-mbheader-wrapper .btn-info{ background:#F8161F;}
.sp-mbheader-wrapper .btn-info I{ margin:0}
.menu-bar div{ padding-top:12px!important;}
.sub-title h2, h1.the-title, #text-6 h3.suopu-widget-title{ font-size:22px;}
.sub-title h2:after {width: 40%;margin-left: -20%;}
.sub-podt-grid h3.post-title{ text-align:center}
.new-list-info .the-post-excerpt { margin: 5px 0;}
.new-list-info h3.post-title{ margin-bottom:5px;}\
.new-list-info .item{ padding-bottom:10px;}
.home-section03 .right {padding-left: 0; padding-top:50px;}
.sub-title-short,.home-about-txt{ text-align:center!important}
.hr-short:after{width: 40%;
    margin-left: -20%;content: '';
    height: 1px;
    background: #e1e1e1;
    display: block;    left: 50%; right:auto}
.hr-short:before{left: 50%; top:11px}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{ text-align:center}
.foot-top h3{padding: 0 0 10px 0;}
.foot-contact{ padding-bottom:25px;}
.foot-code{ padding:0; text-align:center}
.foot-top{ padding:20px 0}
.products-list-con{ padding:0 15px;}
.products-top-txt{ padding:0 15px 40px 15px;}
.products-top-txt .desc,.news-detail-wrap .item-content-inner p,.sub-txt p,.team-txt .desc{ font-size:14px;}
.products-list-info .post-title{ font-size:16px;}
.products-list-info .item{ margin-bottom:0}
.alert-info{ margin-left:20px;}
.products-top-txt h2.title{ font-size:1.5rem}
.new-list-info{ padding:20px 0 0 0; border:0}
#menu-products-menu li.menu-item ul.sub-menu{ display:block}
.new-list-info .item{ padding-left:100px;}
.new-list-info .blog-meta{left: -100px;}
.new-list-info h3.post-title{ font-size:18px;}
.suopu-banner2019 .banner-inner{min-height: 200px!important;}
.team-txt .desc{ padding-bottom:20px;}
#sidebar .dropdown-menu{ width:100%; padding-bottom: 15px;}
#sidebar .dropdown-menu li a{ font-size:14px;padding: .2rem 2rem;}
.sidebar{ display:none}
}